﻿.node-title-component {
    display: flex;
    position: relative;
    align-items: stretch;
    border: 1px solid var(--wf-node-border-color);
    border-radius: var(--wf-node-border-radius);
    background-color: var(--wf-node-backcolor);
    width: calc(var(--wf-node-width) * var(--wf-node-scale));
    min-height: var(--wf-node-height);
}

    .node-title-component .node-icon {
        display: flex;
        flex-basis: var(--wf-node-height);
        min-width: var(--wf-node-height);
        align-items: center;
        justify-content: center;
    }

    .node-title-component.node-has-detail-view .node-icon {
        cursor: pointer;
    }

    .node-title-component .node-description {
        display: flex;
        flex-grow: 1;
        align-items: center;
        padding: 2px;
        padding-left: 0;
        width: 100%;
    }

    .node-title-component .node-right-bottom-toolbar {
        position: absolute !important;
        display: flex;
        align-items: end;
        right: 2px;
        bottom: 2px;
    }

        .node-title-component .node-right-bottom-toolbar ::deep .action {
            margin-left: 4px;
        }
